<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <style type="text/css">
body
{
background-color:#333333;
color:#FFFFCC;
}
h1
{
color:#99FFFF;
text-align:center;
}
h2
{
color:#99FFFF;
text-align:left;
}
h3
{
color:#99FFFF;
font-size:16px;
text-align:center;
}
#header
{

}
#graph li
{
   position:absolute;	
   list-style:none;
   background:lightblue;
   width:40px;
   text-align:center;
   border:1px solid black;
   visibility: hidden;
   background-image:url(bar-shaded.png);
   background-repeat:repeat-y;
}
a
{
color:#FFFFCC;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
<title>Student Teacher Interactive Platform</title>
</head>

<body>
    <div id="header">
        
        <a href="/">Home</a>         
       &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

 Logged in: admin 
        (<a href="/accounts/logout/">Log out</a> | 
        <a href="/accounts/password/change/">Change password</a>)
        
        <hr />
        
    </div>

    <div id="content">

        

<html>
        <head>
                <title>Lecture 3</title>
               <script src="/static/jquery.min.js" type="text/javascript"></script>
                <script type="text/javascript" src="swfobject_playerapi.js"></script>    
                <script type="text/javascript">
                        var flashMovie;

                        //Load the flash player. Properties for the player can be changed here.
                        function loadPlayer() {
                                //allowScriptAccess from other domains
                                var params = { allowScriptAccess: "always" };
                                var atts = { id: "player" };

                                //doc: The path of the file to be used
                                //startSlide: The number of the slide to start from
                                //rel: Whether to show a screen with related slideshows at the end or not. 0 means false and 1 is true..
                                var flashvars = { doc : "MCCdirnum_4.swf", startSlide : 1, rel : 0 };

                                //Generate the embed SWF file
                                swfobject.embedSWF("http://static.slidesharecdn.com/swf/ssplayer2.swf", "player", "598", "480", "8", null, flashvars, params, atts);

                                //Get a reference to the player
                                flashMovie = document.getElementById("player");
                        }

                        //Jump to the appropriate slide
                        function jumpTo(){
                                flashMovie.jumpTo(parseInt(document.getElementById("slidenumber").value));
                        }

                        //Update the slide number in the field for the same
                        function updateSlideNumber(){
                                document.getElementById("slidenumber").value = flashMovie.getCurrentSlide();
                        }
                </script>
                <script type="text/javascript">
function showPopup(url) {
newwindow=window.open(url,'name','height=300,width=530,top=200,left=300,resizable');
if (window.focus) {newwindow.focus()}
}
$(function(){
  $('#forgot-password').click(function(){
     $('#recover-password').slideToggle('slow', function() {
  });});
});


</script>
                
        </head>
        <body bgcolor="#ffffff" onload="loadPlayer();">
        <h1>Lecture 3</h1>


        <a href='/quiz/lecture/end/3' > End this Lecture</a><br><br>
        
                <div id="player">

                        You need Flash player 8+ and JavaScript enabled to view this video.
                </div>
                <div style="margin-left: 150px; margin-top: 10px;">
                       <button onclick="flashMovie.first();updateSlideNumber();" type="button" value="First">First</button>
                       <button onclick="flashMovie.previous();updateSlideNumber();" type="button" value="Previous">Previous</button>
                       <button onclick="jumpTo();updateSlideNumber();" type="button" value="Go to">Go to</button>
                       <input type="text" id="slidenumber" size="2" value="1" onkeydown="if (event.keyCode == 13) { jumpTo(); }"/>
                       <button onclick="flashMovie.next();updateSlideNumber();" type="button" value="Next">Next</button>

                       <button onclick="flashMovie.last();updateSlideNumber();" type="button" value="Last">Last</button>
               </div>
        
        <br>
<p><a href="javascript:void(0);" id="forgot-password" >  Quizes</a></p>

<div id="recover-password" style="display:none;">

<a  href='/quiz/start/5' onClick='showPopup(this.href);return(false);'> Slide 26 </a>

<br>



        
        </body>
</html>

    </div>

    <div id="footer">
        
        <hr />
        
    </div>

</body>

</html>

